<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
		<!--		引入axios-->
		<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.js"></script>
		
		<!-- 引入el框架 -->
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<link rel="stylesheet" href="./css/style.css" />
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
		<title>通知</title>
	</head>
	<body>
		<div id="app" class="notice">
			<el-collapse v-model="activeNames" @change="handleChange">
				<el-collapse-item title="开业重磅" name="1">
					<div>开业信息：2020年12月12日潇湘大药房开业啦</div>
					<div>开业活动：每满100减10</div>
				</el-collapse-item>
				<el-collapse-item title="账号信息" name="2">
					<div>欢迎登录潇湘大药房</div>
					<div>请确保是本人登录</div>
				</el-collapse-item>
			</el-collapse>
		</div>
	
		<script>
			var app = new Vue({
						el: '#app',
						data() {
							return {
								activeNames: ['1']
							};
						},
						methods: {
							handleChange(val) {
								console.log(val);
							}
						}
					})
		</script>

	</body>
</html>
